<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<link href="/general/css/admin_1.css" rel="stylesheet" type="text/css"/>
<script language="JavaScript" type="text/javascript">
        function moverCursorNumera() {
            var numera = document.getElementById('frmNumeracion:txtNumera');
            alert("numera: " + numera.value);
            numera.value = "";
            numera.focus();
        }

    </script>
<f:view>
    <h:form id="frmNumeracion" styleClass="fondoFormulariosyPanel">
        <h:panelGrid columns="1" styleClass="rayaForms" width="100%">
            <h:outputLabel  value="Controlar numeración para los contratos alquiler" />
        </h:panelGrid>
        <a4j:outputPanel ajaxRendered="true">
            <h:messages id="lblMessages" styleClass="messages" infoClass="infoClass" 
                        errorClass="errorClass" warnClass="warnClass" showDetail="true"
                        errorStyle="color:red;" warnStyle="color:green;" infoStyle="color:black;"
                        fatalStyle="color:black"/>
        </a4j:outputPanel>

        <a4j:outputPanel id="Panel1"  >
            <h:panelGrid columns="5" styleClass="fondoFormulariosyPanel">
                <h:outputLabel value="Numeración: " />
                <h:inputText id="txtNumera" value="#{NumeraContratosController.numeraContratos}" size="10" maxlength="10" />
                <h:outputLabel value="Cantidad de Dígitos: " />
                <h:inputText id="txtCapacidad" value="#{NumeraContratosController.cantidad}" size="2" maxlength="2" />
                <h:commandButton action="#{NumeraContratosController.registrarNumeracion}" value="Registrar" title="Registrar" />
            </h:panelGrid>
        </a4j:outputPanel>

        <h:panelGrid columns="3" styleClass="fondoFormulariosyPanel">
            <rich:dataTable value="#{NumeraContratosController.listaNumeracion}" var="item"
                            width="50%" columnsWidth="5%,40%,5%">
                <rich:column>
                    <f:facet name="header"><h:outputLabel value="Codigo"/></f:facet>
                    <h:outputLabel value="#{item.ncoCodigo}"/>
                </rich:column>
                <rich:column>
                    <f:facet name="header"><h:outputLabel value="Numeración"/></f:facet>
                    <h:outputLabel value="#{item.ncoNumeracion}"/>
                </rich:column>
                <rich:column>
                    <f:facet name="header"><h:outputLabel value="Num. Digitos"/></f:facet>
                    <h:outputLabel value="#{item.ncoNumDigitos}"/>
                </rich:column>
                <%--rich:column>
                    <f:facet name="header"><h:outputLabel value=""/></f:facet>
                    <h:commandButton value="Cambiar" action="#{NumeraContratosController.cambiarNumeracion}" onblur="moverCursorNumera();" >
                        <f:setPropertyActionListener target="#{NumeraContratosController.numeracionSeleccionada}" value="#{item}"/>
                    </h:commandButton>
                </rich:column--%>
            </rich:dataTable>
        </h:panelGrid>
            
    </h:form>
</f:view>